---
type: tutorial
unitTitle: Gagner du temps et de l'énergie avec des mises en page réutilisables
title: 'Embarquement : Unité 4 - Mises en page'
description: >-
  Tutoriel : Créer votre premier blog avec Astro —

  Utilisez les mises en page Astro pour partager des éléments et des styles
  communs entre vos pages et vos articles.
i18nReady: true
head:
  - tag: title
    content: "Tutoriel de création d'un blog : Unité 4 - Mises en page | Docs"
---
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';


Maintenant que vous savez comment construire en utilisant des composants, il est temps de créer quelques mises en page personnalisées !

## Ce que la suite vous réserve

Dans cette unité, vous allez créer des mises en page pour partager des éléments et des styles communs entre vos pages et vos articles de blog.

Pour ce faire, vous allez :

- Créer des composants de mise en page réutilisables
- Transmettre du contenu à vos mises en page à l'aide de `<slot />`
- Transmettre des données à partir du frontmatter Markdown vers vos mises en page
- Imbriquer plusieurs mises en page



<Box icon="check-list">

## Liste de contrôle

<Checklist>
- [ ] Je suis prêt à améliorer la conception de mes pages avec des mises en page !
</Checklist>
</Box>
